<template>
    <div>
        <div id="allMap"></div>
    </div>
</template>

<script>
import BMap from 'BMap'
export default{
    mounted() {
        this.ready();
    },
    methods: {
        ready: function() {
        var map = new BMap.Map('allMap');
        var point = new BMap.Point(104.075796, 30.659684);
        map.centerAndZoom(point, 14);
        map.addControl(new BMap.MapTypeControl());
        map.enableScrollWheelZoom(true);
        map.enableDoubleClickZoom(true);
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
        }
    }
}
</script>

<style scoped>
#allMap{
    width:100%;
    height:200px;
}
</style>